<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        console.log(globalThis === window);//true
        // 也许你看了上面的log会有疑问，既然globalThis和window是全等的，那要他干啥，window不香了吗?

        // globalThis代表的其实并不是window，他代表的是当前环境下的顶层对象。只是普通js文件的顶层对象恰好是window，所以你才会看到开头的log是true。
        // nodejs中的顶层对象是global、h5中的webworker里的顶层对象是self，所以在nodejs中，globalThis就是global。而在webworker中，globalThis就是self。
        // 如果以后你想开发一个在nodejs、普通js环境、webworker中都可以用的库，那么globalThis一定可以帮你省去很多麻烦
    </script>
</body>
</html>